<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>


<div class="modal fade select-role" id="switchModal">
<style>
	#switchModal .modal-body{
		display: flex;
		flex-wrap: wrap;
	}
	#switchModal .modal-body .item{
		flex: auto;
		margin: 10px;
		min-height: 100px;
		border-radius: 10px;
		background-color: #fff;
		border: 1px solid #bbb;
		/* box-shadow: 0 0 8px rgba(0,0,0,.2); */
	}
	#switchModal .modal-body .item.lg{
		width: 100%;
	}
	#switchModal .modal-body .item.md{
		width: 53%;
	}
	#switchModal .modal-body .item.sm{
		width: 20%;
	}
	#switchModal .item-header{
		padding: 5px;
		font-size: 1.1em;
		font-weight: bold;
	}
	#switchModal .item-header>.fa{
		margin-right: 5px;
		color: #15bb6b;
	}
	#switchModal .item-body{
		padding: 5px;
		line-height: 3;
		max-height: 150px;
    	overflow-y: scroll;
    	text-align: center;
	}
	#switchModal .grid-table-body{
		height: auto!important;
		min-height: auto!important;
	}
</style>
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title">选择条件</h4>
			</div>
			<div id="loading_images" style="width: 100%; height: 70%; position: absolute;z-index:1;background-color: rgb(255, 255, 255);">
			   <img src="images/pageloading.gif" style="height: 100%;width: 70%;margin-left: 12%;">       
			 </div>
			<div class="modal-body">
		    </div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				<button type="button" class="btn btn-success" id="toggle">确定</button>
			</div>
		</div>
		
	</div>
</div>